<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>Document</title>
   <script src="jQuery复习/jquery-3.3.1.js"></script>
 </head>
 <body>
    <p>55555</p>
	<p>33333</p>
	<p id="p1">
	   <span> <i>11111</i> </span>
	</p>
	<p>
	   <i>22222</i>
	</p>
	<p>44444</p>
 </body>
  <script>
     //查找p元素的直接子元素
     $("p > i").css({"color":"red"});
	 //查找p元素的所有子元素
	 $("p i").css({"fontSize":"20px"});
	 //查找id为p1的p元素的直接兄弟元素(后面紧接着的第一个兄弟元素)
	 $("#p1 + p").css({"backgroundColor":"yellow"});
	 //查找id为p1的p元素的所有兄弟元素(指后面的所有兄弟元素)
	 $("#p1 ~ p").css({"backgroundColor":"blue"});
  </script>
</html>
